<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="Keywords" content="关键词" />
    <meta name="dsescription" content="描述" />
    <title>标题</title>
    <link rel="icon" href="./img/favicon.png" />
    <link rel="stylesheet" href="./css/common.css">
    <style>
        #night .path-wrapper {background-color: #24242a !important;}
        #night .main-wrapper, #night .brand-wrapper .article {background-color: #202126 !important;}
        #night .path-wrapper, #night .path-wrapper a {color: #fff !important;}
        #night .container.main-wrapper .title h1 {color: #fbf7f1 !important;}
        #night .article .content{color: #e9e3d5 !important;}
        #night .brand-item .title {color: #eda952 !important;}
        #night .brand-item .text {color: #d2c7b4 !important;}
        #night .go-home, #night .go-home a {color: #cec2ae !important;}
        .more-container {padding: 7px 10px;}
        #main .container.main-wrapper {background-color: #fff;border: 1px solid #a0a0a0;box-shadow: 0px 12px 8px -6px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0px 12px 8px -6px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 12px 8px -6px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0px 12px 8px -6px rgba(0, 0, 0, 0.3);-o-box-shadow: 0px 12px 8px -6px rgba(0, 0, 0, 0.3);}
        #main .container.main-wrapper .path-wrapper {width: 100%;box-sizing: border-box;}
        #main .container.main-wrapper .path-wrapper .path-list .path-item a {color: #53ad51;text-decoration: underline;letter-spacing: 0.5px;font-size: 16px;}
        #main .container.main-wrapper .path-wrapper .path-list .path-item.active a {color: #767676;text-decoration: none;}
        #main .container.main-wrapper .path-wrapper .path-list .arrow {padding: 0 10px;}
        #main .container.main-wrapper .title h1 {font: bold 31px/1 Verdana, Geneva, sans-serif;color: #9b463f;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
        #main .container.main-wrapper .brand-wrapper {position: relative;}
        #main .container.main-wrapper .brand-wrapper .article {display: inline-block;width: 49.4%;max-height: 284px;overflow-y: auto;margin-bottom: 10px;;background-color: #fff;}
        #main .container.main-wrapper .brand-wrapper .article::-webkit-scrollbar {width: 6px;height: 6px;}
        #main .container.main-wrapper .brand-wrapper .article::-webkit-scrollbar-thumb {background-color: #666;}
        #main .container.main-wrapper .brand-wrapper .article::-webkit-scrollbar-track {background-color: #eee;}
        #main .container.main-wrapper .brand-wrapper .article .title {font-size: 20px;line-height: 1.2;color: #ab726e;margin-bottom: 8px;}
        #main .container.main-wrapper .brand-wrapper .article .content {color: #000;margin-bottom: 20px;font: 400 14px/22px Verdana, Geneva, sans-serif;}
        #main .container.main-wrapper .brand-wrapper .brand-list {width: 100%;}
        #main .container.main-wrapper .brand-wrapper .brand-list .brand-item {width: 24%;vertical-align: top;margin-bottom: 10px;}
        #main .container.main-wrapper .brand-wrapper .brand-list .brand-item + .brand-item {margin-left: 13px;}
        #main .container.main-wrapper .brand-wrapper .brand-list .brand-item .title {color: #53ad51;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;font-size: 15px;}
        #main .container.main-wrapper .brand-wrapper .brand-list .brand-item .title a:hover {text-decoration: underline;}
        #main .container.main-wrapper .brand-wrapper .brand-list .brand-item .image, #main .container.main-wrapper .brand-wrapper .brand-list .brand-item .image img {width: 100%;border-radius: 5px;}
        #main .container.main-wrapper .brand-wrapper .brand-list .brand-item .image {border: 1px solid #000;display: block;}
        #main .container.main-wrapper .brand-wrapper .brand-list .brand-item .text {color: #4c4c4c;text-align: center;font-size: 0.9em;padding: 4px 2px 0;letter-spacing: -0.1px;text-overflow: ellipsis;word-wrap: break-word;overflow: hidden;line-height: 1.3em;margin-top: 10px;-webkit-line-clamp: 4;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;word-break: break-all;max-height: 64px;}
        .go-home {margin-top: 20px;color: #5B5B5B;font: 17px/45px NexaBold, Helvetica, Arial, sans-serif;height: 40px;line-height: 40px;}
        .go-home a:hover {text-decoration: underline;}
        .go-home::before {content: "";display: inline-block;width: 33px;height: 30px;background-image: url("./img/gohome.png");background-repeat: no-repeat;vertical-align: top;}

        footer {padding: 20px 0 10px;}
        footer .container.footer-wrapper .text {text-align: center;}

        @media (max-width: 576px) {
            .container {width: 100%;}
            header .header-wrapper .container.clearfix {margin-top: 92px;}
            header .header-wrapper .container.clearfix .left-logo-wrapper {padding: 0 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
            header .header-wrapper .path-wrapper {background-color: #fff;height: 31px;line-height: 31px;position: fixed;top: 60px;width: 100%;z-index: 2;}
            header .header-wrapper .path-wrapper .path-list {height: 31px;line-height: 31px;width: 79px;margin: 0 auto;}
            header .header-wrapper .path-wrapper .path-list .path-item a {color: #53ad51;text-decoration: underline;letter-spacing: 0.5px;font-size: 12px;}
            header .header-wrapper .path-wrapper .path-list .path-item.active a {color: #767676;text-decoration: none;}
            header .header-wrapper .path-wrapper .path-list .arrow {margin: 0 10px;}

            #main .container.main-wrapper .title h1 {text-align: center;}
            #main .container.main-wrapper .brand-wrapper .article {width: 100%;margin-bottom: 20px;}
            #main .container.main-wrapper .brand-wrapper .brand-list .brand-item {width: 100%;margin-left: 0 !important;}
            #main .container.main-wrapper .brand-wrapper .brand-list .brand-item {margin-bottom: 20px;}
            .go-home {text-align: center;}
        }
    </style>
    <!--[if lt IE 9]>
        <script type="text/javascript" src="./public/js/html5shiv.js"></script>
        <script>
            document.createElement("header");
            document.createElement("main");
            document.createElement("footer");
            document.createElement("nav");
            document.createElement("aside");
            document.createElement("article");
            document.createElement("section");
            document.createElement("dialog");
            document.createElement("figure");
            document.createElement("menu");
        </script>
    <![endif]-->
    <!--[if IE 8]>
        <style>
            header .header-wrapper .title {box-sizing: content-box;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;-o-box-sizing: content-box;-ms-box-sizing: content-box;height: auto;}

            header .header-wrapper .container.clearfix {position: relative;}
            header .header-wrapper .container .left-logo-wrapper {position: relative;top: -15px;}
            header .header-wrapper .container .left-logo-wrapper img {position: relative;top: 10px;}
            header .header-wrapper .container .left-logo-wrapper .search .switch {top: -10px;left: -25px;}
            header .header-wrapper .container .left-logo-wrapper .search .switch .switch-label .circle {top: -4px;}
            header .header-wrapper .container .right-img-wrapper {margin-top: -30px;}

            #main {margin-top: -17px;}
        </style>
    <![endif]-->
    <!--[if IE 7]>
        <style>
            .placeholder {top: 10px;}

            header .header-wrapper .title {height: auto;}
            header .header-wrapper .container .left-logo-wrapper {position: relative;top: -25px;}
            header .header-wrapper .container .left-logo-wrapper img {position: relative;top: 20px;}
            header .header-wrapper .container .left-logo-wrapper .search .icon + .icon {margin-left: 5px;}
            header .header-wrapper .container .left-logo-wrapper .search .switch {position: absolute;top: -20px;right: 0;}
            header .header-wrapper .container .left-logo-wrapper .search .switch .switch-label {height: 20px;}
            header .header-wrapper .container .left-logo-wrapper .search .switch .switch-label .switch-off {top: 4px;}

            #main {margin-top: -41px;}
            #main .container.main-wrapper .path-wrapper .path-list {width: 156px;}
            #main .main-wrapper.container .brand-wrapper .article {position: absolute;right: 0;top: 0;}
            #main .container.main-wrapper .brand-wrapper .brand-list .brand-item:first-child {margin-right: 13px;}
        </style>
    <![endif]-->
</head>

<body>
    <!--[if lte IE 9]><p style="color: red;font-size: 20px;text-align: center;"><strong>您的浏览器版本过低，可能会影响到你的体验，请升级您的浏览器版本。</strong></p><![endif]-->
    <div id="go-up">↑</div>
    <header>
        <div class="header-wrapper">
            <h1 class="title app-hide">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</h1>
            <nav class="computer-hide">
                <div class="container">
                    <div class="left-wrapper">
                        <div class="menu-btn">
                            <hr class="line" />
                            <hr class="line" />
                            <hr class="line" />
                            <hr class="line" />
                        </div>
                        <ul class="menu-list">
                            <li class="title">分类列表</li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                            <li class="menu-item"><a href="javascript:;">分类分类分类分类分类分类</a></li>
                        </ul>
                        <div class="menu-layer"></div>
                    </div>
                    <a class="right-logo" href="javascript:;">
                        <img src="./img/mobile_logo.png" />
                    </a>
                </div>
            </nav>
            <div class="path-wrapper clearfix computer-hide">
                <ul class="path-list">
                    <li class="left path-item"><a href="javascript:;">首页</a></li>
                    <li class="left arrow">&gt;</li>
                    <li class="left path-item active"><a href="javascript:;">品牌</a></li>
                </ul>
                <!--[if lt IE 9]><div class="clearfix-div"></div><![endif]-->
            </div>
            <div class="container clearfix">
                <div class="left left-logo-wrapper">
                    <img class="app-hide" src="./img/theporndudelogo.png" />
                    <div class="search">
                        <input type="text" name="search" placeholder="搜索" />
                        <a class="icon app-hide" href="javascript:;"></a>
                        <a style="background-position-x: -32px;" class="icon app-hide" href="javascript:;"></a>
                        <div class="right switch app-hide">
                            <input class="switch-checkbox" type="checkbox" />
                            <label class="switch-label">
                                <span class="circle"></span>
                                <span class="switch-on">夜间模式</span>
                                <span class="switch-off">白间模式</span>
                            </label>
                        </div>
                        <p class="right text app-hide">Xxxxxxx xx 9. xxxx 2019</p>
                    </div>
                </div>
                <div class="left right-img-wrapper app-hide">
                    <div class="quote">
                        <span>xxxx xxx xxxx xxxx xxxxx!</span>
                    </div>
                    <img class="right" src="./img/theporndude.png" />
                </div>
                <!--[if lt IE 9]><div class="clearfix-div"></div><![endif]-->
            </div>
        </div>
    </header>

    <div id="main">
        <div class="container main-wrapper">
            <div class="more-container path-wrapper clearfix app-hide">
                <ul class="path-list">
                    <li class="left path-item"><a href="javascript:;">首页</a></li>
                    <li class="left arrow">&gt;</li>
                    <li class="left path-item"><a href="javascript:;">分类</a></li>
                    <li class="left arrow">&gt;</li>
                    <li class="left path-item active"><a href="javascript:;">品牌</a></li>
                </ul>
                <!--[if lt IE 9]><div class="clearfix-div"></div><![endif]-->
            </div>
            <div class="title more-container">
                <h1>品牌品牌品牌品牌品牌品牌</h1>
            </div>
            <div class="brand-wrapper more-container clearfix">
                <div class="article right clearfix">
                    <h1 class="title">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</h1>
                    <p class="content">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
                    <h1 class="title">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</h1>
                    <p class="content">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
                    <h1 class="title">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</h1>
                    <p class="content">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
                    <h1 class="title">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</h1>
                    <p class="content">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
                    <!--[if lt IE 9]><div class="clearfix-div"></div><![endif]-->
                </div>
                <ul class="brand-list">
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                    <li class="brand-item left"><h6 class="title"><a href="javascript:;">品牌1</a></h6><a class="image" href="javascript:;"><img src="./img/test.jpg" /></a><p class="text">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</p></li>
                </ul>
                <!--[if lt IE 9]><div class="clearfix-div"></div><![endif]-->
            </div>
            <div class="go-home more-container">
                <span class="arrow">&lt;&lt;</span>
                <a href="javascript:;">返回首页</a>
            </div>
        </div>
    </div>

    <footer>
        <div class="container footer-wrapper">
            <p class="text">© 2019 xxxxxxxxxxxxxxxxxxx.com - XXXXXX</p>
        </div>
    </footer>

    <script type="text/javascript" src="./public/js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="./js/common.js"></script>
    <!--[if IE 7]><script>$(".brand-item").eq(1).removeClass("left");</script><![endif]-->
    <script>
        $(function () {
            response()
            $(window).resize(function () {
                response()
            })
        })
        function response () {
            var width = $(window).width();
            if(width > 576) {
                var oBrandItem = $(".brand-item");
                var index = 2;
                if (oBrandItem.length > 3) {
                    for (var i = 2; i < oBrandItem.length; i++) {
                        if(i === index) {
                            oBrandItem.eq(i).css("margin-left", "0");
                            index += 4;
                        }
                    }
                }
            }
        }
    </script>
</body>

</html>